<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/shoppingcar.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1354112_4xzqcgbldue.css">
</head>

<body>

    <div id="shoppingcar">
        <!-- 遮罩层 -->
        <div class="shadow">
            <div class="shadow-box">
                <p class="box-p1">声明与政策</p>
                <div class="shadow-main">
                    <p> 欢迎您来到小米有品！</p>
                    <span>我们依据最新法律法规要求，制定并更新了</span>
                    <span class="box-s">《隐私政策》、《小米有品用户协议》<span>以及</span> <span class="box-s">《小米账号使用协议》。</span>
                        <p class="box-p2">您需阅读并同意相关政策条款方可进行登录。</p>
                </div>
                <div class="shadow-btn">
                    <button>同意并继续</button>
                    <button>不同意</button>
                </div>
            </div>

        </div>

        <!-- 遮罩层 -->

        <div class="box-header">
            <div class="header-middle w cl">
                <ul class="box-right ">
                    <li>
                        <div class="denglu">
                            <a href="">登录</a>&nbsp;
                            <a href="">注册</a>
                            <span class="middle-line">|</span>
                        </div>
                        <!-- <div>
                                <a href="">图片</a>&nbsp;
                                <a href="">用户123</a>
                                <span class="middle-line">|</span>
                            </div> -->

                    </li>

                    <li>
                        <a href="">帮助中心</a>
                        <span class="middle-line">|</span>
                    </li>

                    <li>
                        <span class="iconfont icon-shouji"></span>
                        <a href="">下载 APP</a>
                        <span class="middle-line">|</span>
                    </li>

                    <li class="box-right-hover">
                        <span>资质证照&nbsp;/&nbsp;协议规定</span>
                        <span class="iconfont icon-xiakuohao"></span>

                        <div class="hover-box">

                            <div class="hover-box1">

                                <a href="">资质证照</a>

                            </div>

                            <div class="hover-box2">
                                <a href="">协议规定</a>
                            </div>
                        </div>
                    </li>

                </ul>

            </div>
        </div>
        <div id="header-top">
            <div class="header-top-a w">
                <div class="header-logo">
                    <img src="../../xiaomi-img/logoa.png" alt="">
                </div>
                <div class="header-time">
                    <span>限时抢购</span>
                </div>

                <div class="shoppingcarLogo">
                    <span class="iconfont icon-gouwuche"></span>
                </div>

                <div class="header-searchLogo">
                    <span class="iconfont icon-fangdajing"></span>
                    <div class="searchInput">
                        <input type="text" placeholder="      8折8场秒杀">
                    </div>
                </div>

            </div>

        </div>

        <!--右边固定广告 右边固定广告右边固定广告 c-->
        <div class="advertising-right">
            <ul>
                <li class="advertising-p1">
                    <div class="advertising-p11">
                        <span class="iconfont icon-sevice2"></span>
                        <p>联系客服</p>
                        <div class="advertising-Left">
                            <div class="adv-l-a">
                                <p>小米有品平台问题，建议反馈，商户和物流问题投诉等请拨打 小米有品客服热线</p>
                                <p style="font-size: 14px;color:#845f3f;">400-100-1199</p>
                                <p>(周一至周日 8：00-18：00)</p>
                                <p>小米/米家自营品牌，手机电视智能硬件商品或订单发货/退款售后问题 请拨打小米自营客服热线</p>
                                <p style="font-size: 14px;color:#845f3f;">400-100-5678</p>
                                <p>(周一至周日 8：00-18：00)</p>
                            </div>
                            <!-- <span class="iconfont icon-danyoukuohao"></span> -->
                        </div>

                    </div>
                </li>
                <li class="advertising-p2">
                    <div class="advertising-p11">
                        <span class="iconfont icon-saoma"></span>
                        <p>下载APP</p>
                        <div class="adv-l-b">
                            <img src="https://shop.io.mi-img.com/static/h5/static3/media/code.90b4b51a.png" alt="">
                            <p class="adv-l-p">下载小米有品APP</p>
                            <p>得新人礼包</p>
                        </div>
                    </div>
                </li>
                <li class="advertising-p3">
                    <div class="advertising-p11">
                        <span class="iconfont icon-gift"></span>
                        <p>新人有礼</p>
                        <div class="adv-l-c">
                            <div class="adv-new"></div>
                            <div class="adv-saoma">
                                <div>
                                    <img src="https://shop.io.mi-img.com/static/h5/static3/media/code.90b4b51a.png"
                                        alt="">
                                </div>
                            </div>
                            <p class="adv-saoma-p">立即扫码下载·小米有品 APP</p>
                        </div>
                </li>
                <li class="advertising-p4">
                    <div class="advertising-p11">
                        <span class="iconfont icon-weixin"></span>
                        <p>关注微信</p>
                        <div class="avd-l-d">
                            <div class="adv-weixin">
                                <img src="https://shop.io.mi-img.com/static/h5/static3/media/wx_code.d0d26888.jpg"
                                    alt="">
                            </div>
                            <p>扫码关注【小米有品生活电商】微信服务号，赢取小爱mini活动哦</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="advertising-p11">
                        <span class="iconfont icon-huojian"></span>
                        <a href="">回到顶部</a>
                    </div>
                </li>

            </ul>


        </div>


        <!-- ////////////购物车主体部分////////////////// -->

        <div class="home-body">
            <div class="home w">
                <div class="home-page">

                    <a href="">首页</a>
                    <span>></span>
                    <span>购物车</span>

                </div>
            </div>
        </div>

        <div class="shoppingcar-main w">
            <ul class="carList cl">
                <li class="carList-a">
                    <input class="check-one check" type="checkbox" />
                </li>
                <li class="carList-b">全选</li>
                <li class="carList-c">商品信息</li>
                <li class="carList-d">单价</li>
                <li class="carList-e">数量</li>
                <li class="carList-f">金额</li>
                <li class="carList-g">操作</li>
            </ul>

        </div>

        <div class="carlist w cl">
            <ul class="carlist-body cl">
                <li class="carlist-box">
                    <input class="check-one check" type="checkbox" />
                </li>
                <li class="carlist-img cl">
                    <div class="carlist">
                        <img src="https://img.youpin.mi-img.com/shopmain/8d73604e0a893671d9ca86e155f5cc1c.png?w=800&h=800&t=webp"
                            alt="">
                    </div>
                    <span class="carlist-l">北欧欧慕桌面智能杯</span>
                </li>

                <li class="carlist-price">
                    <span>￥</span>
                    <span>699999</span>
                </li>

                <li class="num-box cl">
                    <div class="num-box-l">
                        <span class="iconfont icon-jian"></span>
                    </div>
                    <div class="num-box-m">
                        <input type="text" value="1" style="font-size: 16px">
                    </div>
                    <div class="num-box-r">
                        <span class="iconfont icon-jia"></span>
                    </div>
                </li>

                <li class="carlist-price2">
                    <span>￥</span>
                    <span>6999</span>
                </li>
                <li class="carlist-del iconfont icon-chacha"></li>
            </ul>


            <ul class="carlist-body cl">
                <li class="carlist-box">
                    <input class="check-one check" type="checkbox" />
                </li>
                <li class="carlist-img cl">
                    <div class="carlist">
                        <img src="https://img.youpin.mi-img.com/shopmain/8d73604e0a893671d9ca86e155f5cc1c.png?w=800&h=800&t=webp"
                            alt="">
                    </div>
                    <span class="carlist-l">北欧欧慕桌面智能杯</span>
                </li>

                <li class="carlist-price">
                    <span>￥</span>
                    <span>699999</span>
                </li>

                <li class="num-box cl">
                    <div class="num-box-l">
                        <span class="iconfont icon-jian"></span>
                    </div>
                    <div class="num-box-m">
                        <input type="text" value="1" style="font-size: 16px">
                    </div>
                    <div class="num-box-r">
                        <span class="iconfont icon-jia"></span>
                    </div>
                </li>

                <li class="carlist-price2">
                    <span>￥</span>
                    <span>6999</span>
                </li>
                <li class="carlist-del iconfont icon-chacha"></li>
            </ul>

    
        
        </div>

        <div class="carlist-totl1 w">
            <div class="carlist-totl cl">
                <div class="totl-input">
                    <input class="check-all check" type="checkbox" />
                </div>
                <p class="totl-all">全选</p>

                <p class="totl-check cl">
                    <span class="check-have">已选</span>
                    <span class="totl-num">1</span>
                    <span>件</span>
                </p>

                <div class="totl-js">
                    <span>去结算</span>
                </div>

                <div class="totl">
                    <span>合计 :</span>
                    <span>￥</span>
                    <span>1000000</span>
                </div>


            </div>

        </div>





         <!-- 底部 -->


         <div class="bottom">
                <div class="bottom-body cl w">
                    <div class="bottom-logo">
                        <img src="../../xiaomi-img/logoa.png" alt="">
                    </div>
                    <div class="bottom-middle">
                        <p>
                            <span>©xiaomiyoupin.com</span>
                            <span>苏B2-20180351 苏ICP备18025642号-1</span>
                            <img src="../../xiaomi-img/record-icon.d0289dc0.png" alt="">
                            <span>苏公网安备 32010502010244号</span>
                        </p>
                        <p>企业名称：有品信息科技有限公司 &nbsp;关于我们 &nbsp; 入驻有品</p>
                        <p>小米有品平台运营主体变更公告</p>
                        <p>南京市建邺区白龙江东街8号3栋9层</p>
                    </div>
    
                    <div class="bottom-logo-r">
                        <img src="../../xiaomi-img/f-logo.c6285587.png" alt="">
                    </div>
                </div>
    
    
            </div>
    
    

    </div>




</body>

</html>